body{
	word-wrap: break-word; 
}


/* flot */
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear:both;
}

/* font */
.h1{
  font-size: 36px;
}
.h2{
  font-size: 30px;
}
.h3{
  font-size: 24px;
}
.h4{
  font-size: 18px;
}
.h5{
  font-size: 14px;
}

/* display */


.inline-block{
	display: inline-block;
}
.block{
	display: block;
}

/* border */


.hr-gray{
	border-bottom: 1px solid #cbcbcb;
}
.border-gary{
  border: 1px solid #d1d1d1;
}
/* attr */
.attr-1-1 {
    width: 100%;
    height: 0;
    padding-bottom:100%;
}
.attr-1-2{
    width: 100%;
    height: 0;
    padding-bottom:50%;
}
.attr-1-4{
    width: 100%;
    height: 0;
    padding-bottom:25%;
}
.attr-1-5 {
    width: 100%;
    height: 0;
    padding-bottom:20%;
}


.p-10{
  margin:2rem;
}
.m-b-10{
  margin-bottom: 2rem; 
}
/*btn*/


.file-btn {
  height: 38px;
  line-height: 38px;
  text-align: center;
  width: 130px;
  position:absolute;
  opacity:0;
}
